<div class="content">
  <h1 mat-dialog-title class="title">{{assetInfo.assetName}}的更换历史</h1>
  <table mat-table [dataSource]="delivers" [trackBy]="trackById">

    <ng-container matColumnDef="oldMaster">
      <th mat-header-cell *matHeaderCellDef>设备名称</th>
      <td mat-cell *matCellDef="let row ">{{ row.oldUser?.realName}}</td>
    </ng-container>

    <ng-container matColumnDef="deliverPerson">
      <th mat-header-cell *matHeaderCellDef>金额</th>
      <td mat-cell *matCellDef="let row ">{{ row.sysUser.realName }}</td>
    </ng-container>

    <ng-container matColumnDef="deliverDate">
      <th mat-header-cell *matHeaderCellDef>更换时间</th>
      <td mat-cell *matCellDef="let row">{{ row.createDate | date:"yyyy-MM-dd" }}</td>
    </ng-container>

    <!--对应列名List.ts中定义-->
    <tr mat-header-row *matHeaderRowDef="cols"></tr>
    <tr mat-row *matRowDef="let data; columns: cols"></tr>
  </table>

  <div mat-dialog-actions class="buttons">
    <button mat-button [mat-dialog-close] cdkFocusInitial>关闭</button>
  </div>
</div>
